<template>
	<view class="box" @touchmove.stop.prevent="mousehandle">
		<view class="container">
			<image class="img" src="https://mcdn.chatgk.com/xcx/static/images/icon/loading.gif" mode=""></image>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods: {
			mousehandle() {
				return false
			}
		}
	}
</script>
<style lang="scss">
	.box {
		height: 100vh;
		width: 100vw;
		position: fixed;
		top: 0;
		z-index: 999999999999 !important;
		// background-color: rgba(0, 0, 0, 0.2) !important;
		background: transparent;
	}

	.container {
		height: 200rpx;
		width: 200rpx;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 99;
		transform: translate(-50%, -50%);

	}

	.container .img {
		height: 200rpx;
		width: 200rpx;
		border-radius: 40rpx;
	}
</style>